import Vue from 'vue'
import Router from 'vue-router'
import LoginComponent from '../components/Login.vue'
import HomeComponent from '../components/Home.vue'
import WelcomeComponent from '../components/Welcome.vue'
import UserComponent from '../components/user/User.vue'
import RolesComponent from '../components/roles/Roles.vue'

Vue.use(Router)

const router = new Router({
  routes: [{
      path: '/',
      redirect: '/login'
    },
    {
      path: '/login',
      component: LoginComponent
    },
    {
      path: '/home',
      component: HomeComponent,
      redirect: '/welcome',
      children: [{
        path: '/welcome',
        component: WelcomeComponent,
      },{
        path: '/users',
        component: UserComponent,
      },{
        path: '/roles',
        component: RolesComponent,
      }]
    }
  ]
})
/**路由 */
/**挂载路由导航守卫 */
router.beforeEach((to, from, next) => {
  //to将要访问的路径

  //from代表从哪个路径跳转而来

  //next是一个函数，表示放行

  //next()放行      next('/login')强制跳转
  if (to.path == '/login') return next();

  //获取token
  const tokenStr = window.sessionStorage.getItem('token');
  if (!tokenStr) return next('/login');
  next();
})
export default router
